<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国科学技术大学本科招生网（仅用于学习演示）</title>
</head>
<body>
<header class="page-header">
    <div class="inner">
        <div class="header-top">
            <div class="logo">
                <a href="#">
                    <img src="image/header/logo-header-white.png" alt="中国科学技术大学本科招生网">
                </a>
            </div>
            <nav class="top-nav">
                <ul>
                    <li>
                        <a href="#">
                            <img src="image/header/icon-header.png" alt="">
                            学校主页
                        </a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="#">添加收藏</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>

    <nav class="main-nav">
        <div class="inner">
            <ul class="nav-menu">
                <li><a href="#">首页</a></li>
                <li>
                    <a href="#">选择科大</a>
                    <ul class="submenu">
                        <li><a href="#">学校概况</a></li>
                        <li><a href="#">人才培养</a></li>
                        <li><a href="#">科研成果</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">学在科大</a>
                    <ul class="submenu">
                        <li><a href="#">专业与课程</a></li>
                        <li><a href="#">本科生科研</a></li>
                        <li><a href="#">境内外交流</a></li>
                        <li><a href="#">艺术教学</a></li>
                        <li><a href="#">创新实践</a></li>
                        <li><a href="#">前景与未来</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">科大生活</a>
                    <ul class="submenu">
                        <li><a href="#">住在科大</a></li>
                        <li><a href="#">舌尖美食</a></li>
                        <li><a href="#">运动健身</a></li>
                        <li><a href="#">社团风采</a></li>
                        <li><a href="#">校园风光</a></li>
                        <li><a href="#">奖助体系</a></li>
                    </ul>
                </li>
                <li><a href="#">招生专业</a></li>
                <li>
                    <a href="#">招生政策</a>
                    <ul class="submenu">
                        <li><a href="#">少年班及创新试点班</a></li>
                        <li><a href="#">强基计划</a></li>
                        <li><a href="#">自强计划</a></li>
                        <li><a href="#">港澳台招生</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">信息公开</a>
                    <ul class="submenu">
                        <li><a href="#">招生章程</a></li>
                        <li><a href="#">名单公示</a></li>
                        <li><a href="#">历年录取</a></li>
                        <li><a href="#">招生计划</a></li>
                        <li><a href="#">录取查询</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">联系方式</a>
                    <ul class="submenu">
                        <li><a href="#">联系招生办</a></li>
                        <li><a href="#">各省市咨询</a></li>
                    </ul>
                </li>
                <li><a href="#">网上报名</a></li>
            </ul>
        </div>
    </nav>
</header>

<main>
    <section class="banner">
        <p><a href="#" class="arrow prev">&nbsp;</a></p>
        <ul class="inner">
            <li>
                <figure>
                    <img src="image/rotation/c9237b03-7d56-410c-b668-65f395d20c91.jpg" alt="来科大 你就能！" />
                    <figcaption>来科大 你就能！</figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img src="image/rotation/bc22e1d0-e3b4-4b66-9238-26d6fdbc48fa.jpg" alt="开学典礼" />
                    <figcaption>开学典礼</figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img src="image/rotation/1507eeab-6707-409f-b157-fca12427febe.png" alt="底色" />
                    <figcaption>底色</figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img src="image/rotation/1de86b0a-85dd-478d-842a-3cda9bab80be.png" alt="中国科大2025年科技活动周启动" />
                    <figcaption>中国科大2025年科技活动周启动</figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img src="image/rotation/fa37ccb6-2fa2-4251-9efb-fa0a56a6f035.jpg" alt="来科大 你就能3" />
                    <figcaption>来科大 你就能3</figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img src="image/rotation/4af4ac19-8c8e-46cf-bca2-50f13c6f7cc4.jpg" alt="来科大 你就能！" />
                    <figcaption>来科大 你就能！</figcaption>
                </figure>
            </li>
        </ul>
        <p><a href="#" class="arrow next">&nbsp;</a></p>
    </section>


    <section class="wrapper">
        <div class="inner">
            <ul class="KJLJ">
                <li>
                    <a href="#">
                        <img src="image/navigation/b142a869-5e01-47ba-97e6-5a54950a1eb8.png" alt="">
                        <div>招生政策</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/navigation/9fc07260-00b6-40dc-8abf-b49ccd0c4d96.png" alt="">
                        <div>招生计划</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/navigation/9e164a31-c6d2-4f79-89a9-6a3699efa652.png" alt="">
                        <div>历年录取</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/navigation/172b5c91-4d8e-42ac-bfb0-0f5ee70afefa.png" alt="">
                        <div>各省市咨询</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/navigation/3ea030ea-0461-4290-a966-185c4579ac75.png" alt="">
                        <div>网上报名</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/navigation/e44da043-6b1c-4850-bc79-0e457a89d84a.png" alt="">
                        <div>录取查询</div>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <section class="news-section wrapper">
        <div class="inner">
            <div class="news-container">
                <article class="news-column">
                    <header class="t1">
                        <span class="s1">新闻动态</span>
                        <span class="s2">latest news</span>
                        <a href="" class="more"></a>
                        <div class="Title"></div>
                    </header>
                    <ul class="news-list">
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">09</span>
                                    <span class="year">2025-11</span>
                                </time>
                                <p>中国科大代表队在2025年国际基因工程机器大赛（iGEM）中荣获金牌</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">07</span>
                                    <span class="year">2025-11</span>
                                </time>
                                <p>中国科大男子足球队在2025年"徽青赛"大学组（赛区一）取得全胜战绩</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">05</span>
                                    <span class="year">2025-11</span>
                                </time>
                                <p>"国社之镜·世纪光影之人民必胜"艺术展在中国科大开展</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">05</span>
                                    <span class="year">2025-11</span>
                                </time>
                                <p>第二届"金秋好市书院行"校园服务集市圆满落幕</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">04</span>
                                    <span class="year">2025-11</span>
                                </time>
                                <p>"超弦生万象"FIND科普沙龙对话会顺利举办</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">03</span>
                                    <span class="year">2025-11</span>
                                </time>
                                <p>中国科大第56届学生体育运动大会闭幕</p>
                            </a>
                        </li>
                    </ul>
                </article>

                <article class="news-column">
                    <header class="t2">
                        <span class="s1">通知公告</span>
                        <span class="s2">notices</span>
                        <a href="#" class="more"></a>
                        <div class="Title"></div>
                    </header>
                    <ul class="news-list">
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">27</span>
                                    <span class="year">2025-06</span>
                                </time>
                                <p>中国科学技术大学关于公示2025年强基计划录取标准的通知</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">27</span>
                                    <span class="year">2025-06</span>
                                </time>
                                <p>中国科学技术大学2025年各地本科招生咨询组联系方式</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">23</span>
                                    <span class="year">2025-06</span>
                                </time>
                                <p>关于中国科学技术大学2025年少年班及创新试点班在部分省份调整资格生录取要求的公告</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">20</span>
                                    <span class="year">2025-06</span>
                                </time>
                                <p>关于取消中国科学技术大学2025年强基计划体育测试的通知</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">17</span>
                                    <span class="year">2025-06</span>
                                </time>
                                <p>中国科学技术大学2025年强基计划校考笔试结果查询及志愿确认等相关事项的通知</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">30</span>
                                    <span class="year">2025-05</span>
                                </time>
                                <p>中国科学技术大学2025年强基计划校考笔试通知</p>
                            </a>
                        </li>
                    </ul>
                </article>
            </div>

            <div class="features">
                <div class="feature-header">
                    <img src="image/images/text_dhslkd.png" alt="导航栏标题">
                </div>

                <div class="feature-slider">
                    <ul class="feature-list">
                        <li>
                            <a href="#">
                                <img src="image/article/df9b0a42-acc1-47b3-8766-e5811e8a22d3.jpg" alt="">
                                <div class="feature-overlay">
                                    <h3>科大欢迎您</h3>
                                    <span>more</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="image/article/4849d1e0-827c-428e-afea-c7ef22a5ae17.jpg" alt="">
                                <div class="feature-overlay">
                                    <h3>未来在科大</h3>
                                    <span>more</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="image/article/63fc624d-ae4d-4686-981e-b6a39386faf1.png" alt="">
                                <div class="feature-overlay">
                                    <h3>科研在科大</h3>
                                    <span>more</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="image/article/fc8b9510-b1b1-4998-ab6a-726ba49ba532.png" alt="">
                                <div class="feature-overlay">
                                    <h3>生活在科大</h3>
                                    <span>more</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="image/article/31b31b64-e44b-4c33-86a5-ee68c52c3569.png" alt="">
                                <div class="feature-overlay">
                                    <h3>学习在科大</h3>
                                    <span>more</span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="programs wrapper">
        <div class="inner">
            <div class="program-container">
                <article class="program-item">
                    <header>
                        <img src="image/images/USTC.png" alt="USTC Logo">
                        <h2>科技英才班</h2>
                    </header>
                    <a href="#" class="more-link1"></a>
                    <p>中国科大与中国科学院相关研究所及相关企业，强强联手，联合开办了19个科技英才班，其中，通过高考直接招收11个科技英才班的学生。学校坚守"精品大学、英才教育"的人才培养定位，发扬"全院办校，所系结合"的独特办学方针，坚持"基础宽厚实、专业精新活"的优良传统，推进人才培养模式和机制的全方位创新，为国家和社会培养具有创新精神、实践能力、国际视野和家国情怀的国际一流科学家、研究工程师和其他领域的杰出人才。</p>
                </article>

                <article class="program-item">
                    <header>
                        <img src="image/images/USTC.png" alt="USTC Logo">
                        <h2>少年班学院</h2>
                    </header>
                    <a href="#" class="more-link2"></a>
                    <p>1978年3月，在著名科学家的大力倡导下，在党和国家领导人的支持推动下，中国科学技术大学按照中国科学院指示，中国科学技术大学破格选拔一批成绩优异的少年，创建了少年班。自创办以来，少年班不忘初心，坚持按照国家需要和人才成长规律办学，围绕"因材施教"求实、求新、求变，现已发展为中国科大一个重要的本科生荣誉学院。</p>
                </article>
            </div>
        </div>
    </section>

    <section class="video-section wrapper">
        <div class="inner">
            <div class="main1 main11">
                <article class="video-column">
                    <header class="t1">
                        <span class="s1">瀚海云讲堂</span>
                        <span class="s2">USTC lecture</span>
                        <a href="" class="more"></a>
                        <div class="Title"></div>
                    </header>
                    <ul class="video-list">
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">18</span>
                                    <span class="year">2024-03</span>
                                </time>
                                <p>侯嘉慧教授《万物互联 智能世界》</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">18</span>
                                    <span class="year">2024-03</span>
                                </time>
                                <p>杨锋教授《决策科学的智慧》</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">18</span>
                                    <span class="year">2024-03</span>
                                </time>
                                <p>崔志坚教授《工商管理学科的定位、方法与职业选择》</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">18</span>
                                    <span class="year">2024-03</span>
                                </time>
                                <p>杨一教授《环境科学与工程系介绍》</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <time class="new-date">
                                    <span class="day">18</span>
                                    <span class="year">2024-03</span>
                                </time>
                                <p>蔡琛研究员《环境"三重奏"》</p>
                            </a>
                        </li>
                    </ul>
                </article>

                <article class="video-column">
                    <header class="t2">
                        <span class="s1">影像科大</span>
                        <span class="s2">image</span>
                        <a href="" class="more"></a>
                        <div class="Title"></div>
                    </header>

                    <div class="video-gallery">
                        <div class="main-video">
                            <a href="#">
                                <img src="image/article/94afb798-2103-4b01-b7f9-6ed5b7928285.png" alt="">
                                <div class="video-title">中国科学技术大学2025招生宣传片《底色》</div>
                            </a>
                        </div>

                        <div class="side-videos">
                            <div class="side-video">
                                <a href="#">
                                    <img src="image/article/913e7085-8400-4bfb-b0f0-a4c373a803ba.jpg" alt="">
                                    <div class="video-title">中国科学技术大学2024招生宣传片《来科大 你就能！》</div>
                                </a>
                            </div>
                            <div class="side-video">
                                <a href="#">
                                    <img src="image/article/498a4ebc-f1ae-40f9-9461-07b29a64d5e7.jpg" alt="">
                                    <div class="video-title">中国科学技术大学2023招生宣传片《确定》</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </section>
</main>

<footer class="page-footer">
    <nav class="footer-nav">
        <div class="inner">
            <ul class="footer-menu">
                <li><a href="#">首页</a></li>
                <li><a href="#">选择科大</a></li>
                <li><a href="#">学在科大</a></li>
                <li><a href="#">科大生活</a></li>
                <li><a href="#">招生专业</a></li>
                <li><a href="#">招生政策</a></li>
                <li><a href="#">信息公开</a></li>
                <li><a href="#">联系方式</a></li>
                <li><a href="#">网上报名</a></li>
            </ul>
        </div>
    </nav>

    <div class="footer-content">
        <div class="inner">
            <div class="footer-columns">
                <div class="footer-column">
                    <h3>友情链接</h3>
                    <ul class="footer-column">
                        <li><a href="#">科大就业</a></li>
                        <li><a href="#">中国科学技术大学</a></li>
                        <li><a href="#">教务处</a></li>
                        <li><a href="#">中国科大新闻网</a></li>
                        <li><a href="#">阳光高考</a></li>
                    </ul>
                </div>

                <div class="footer-column">
                    <h3>联系我们</h3>
                    <address>
                        <p>某个办公室</p>
                        <p>某个电话</p>
                        <p>某个传真</p>
                        <p>某个邮箱</p>
                    </address>
                </div>

                <div class="footer-column qr-column qr-text">
                    <div class="qr-item">
                        <img src="image/footer/qr-01.png" alt="中国科大公众号">
                        <p>中国科大公众号</p>
                    </div>
                    <div class="qr-item">
                        <img src="image/footer/qr-02.png" alt="本科招生公众号">
                        <p>本科招生公众号</p>
                    </div>
                    <div class="qr-item">
                        <img src="image/footer/qr-03.png" alt="招生小程序">
                        <p>招生小程序</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
</html>